<template>
	<div class="w-full flex flex-col">
		<TopTitle v-model="topTitleIsForOk" class="p-3 bg-slate-500 bg-opacity-50" />
		<MapData v-if="topTitleIsForOk" class="flex-1 mt-3 bg-slate-500 bg-opacity-50" />
	</div>
</template>

<script setup>
	import { ref } from 'vue';

	import TopTitle from '@/components/AllGraph/TopTitle.vue';
	import MapData from '@/components/AllGraph/MapData.vue';

	// topTitle组件中的底部区域, 是否被渲染完成 | 等待渲染结束后在让MapData组件渲染
	const topTitleIsForOk = ref(false);
</script>

<style scoped></style>
